附上官網供各位參考
官網:Sass: Syntactically Awesome Style Sheets
新手若是想玩看看SASS也可以先使用線上編輯器哦!
線上編輯器:SassMeister | The Sass Playground!
今天要教大家如何透過 Visual Studio Code 使用SASS語法
記得先去下載 Visual Studio Code
Step 1:在桌面新增資料夾 例:VSCODE
Step 2:開啟Visual Studio Code -> 開啟資料夾VSCODE
Step 3:下載插件Live Sass Complier
Step 4:在資料夾VSCODE中新增檔案,格式為.scss (如寫SASS語法,格式則為.sass)
Step 5:新增檔案home.scss後,開始寫入程式
Step 6:寫入程式後儲存,按右下列最左方鍵 watch sass,點下變 watching sass
Step 7:編譯成功後,右列資料夾VSCODE會多出兩個檔案
Step 8:即可查看編譯好的home.css檔案